<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>渠道管理</title>
    <link
      href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css"
      type="text/css"
      rel="stylesheet"
    />
     <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/daoke.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
  </head>

  <body>

  <!-- 顶部 -->
  <div class="ht60 common-header">
      <div>
        <h1 class="logo">
          人脸识别管理系统
        </h1>
        <span class="common-header-select"
          >xxx项目演示<i class="iconfont icon-xiala"></i
        ></span>
      </div>
      <div>
        <i
          class="iconfont icon-weibiaoti- color-f cursor-p"
          style="font-size:28px"
        ></i>
        <!-- 消息模块 start -->
        <div
          class="bg-f pos-a radius-5 display-n"
          style="width: 250px; padding: 10px 15px; top: 65px;right: 32px;z-index: 999999;border: 1px solid #EBEEF5;box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);"
        >
          <div>
            <div
              class="flex-c"
              style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
            >
              <i
                class="icon iconfont icon-huiyi1 color-3"
                style="font-size: 20px;"
              ></i>
              <span style="font-size: 14px;margin: 0 10px" class="color-3"
                >会议管理</span
              >
              <span style="font-size: 12px;" class="color-6"
                >2019-04-23 09:28</span
              >
            </div>
            <div class="font14 color-3">
              <div style="margin: 10px 0">张晓丽发起一次会议，需要您参加。</div>
              <div style="margin: 10px 0">会议标题：年度会议</div>
              <div style="margin: 10px 0">开始时间：2019-04-22 19：30</div>
              <div style="margin: 10px 0">结束时间：2019-04-22 19：50</div>
              <div style="margin: 10px 0">李文博提交的通知公告需要您审批。</div>
            </div>
          </div>
          <div>
            <div
              class="flex-c"
              style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
            >
              <i
                class="icon iconfont icon-shenpi color-3"
                style="font-size: 20px;"
              ></i>
              <span style="font-size: 14px;margin: 0 10px" class="color-3"
                >审核</span
              >
              <span style="font-size: 12px;" class="color-6"
                >2019-04-23 09:28</span
              >
            </div>
            <div class="font14 color-3" style="margin: 10px 0">
              <span>张志章提交的通知公告需要您审批。</span>
            </div>
          </div>
          <div>
            <div
              class="flex-c"
              style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
            >
              <i
                class="icon iconfont icon-shenpi color-3"
                style="font-size: 20px;"
              ></i>
              <span style="font-size: 14px;margin: 0 10px" class="color-3"
                >审核</span
              >
              <span style="font-size: 12px;" class="color-6"
                >2019-04-23 09:28</span
              >
            </div>
            <div class="font14 color-3" style="margin: 10px 0">
              <span>张志章提交的通知公告需要您审批。</span>
            </div>
          </div>
        </div>
        <!-- 消息模块 end -->
        <span class="cursor-p mr-15 ml-15 display-n">
          <i class="iconfont icon-touxiang color-f" style="font-size:28px"></i>
          <span class="color-f font14 display-ib" style="margin-left:10px"
            >刘德华</span
          >
          <!-- 个人信息 start -->
          <div
            class="infobox pos-a bg-f b-box"
            style="	box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);top: 55px;right: 10px; display: block;z-index: 9999;border: 1px solid #EBEEF5;padding: 10px 0;
            margin: 5px 0;"
          >
            <div class="common-info-item">修改密码</div>
            <div class="common-info-item">退出登录</div>
          </div>
          <!-- 个人信息 start -->
        </span>
      </div>
    </div>
    <!-- 导航 && 页面区域 start-->
    <section class="common-container">
      <!-- 导航 start-->
      <aside>
        <ul>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
        </ul>
      </aside>
      <!-- 导航 end-->
      <!-- 内容区域 start-->
      <div class=" common-container-main">



    <!-- <div class="margin-0a" style="margin-top:20px"> -->
      <!-- 面包屑 start -->
      <div
        class="ht40 bg-f flex-c font14 color-3"
        style="padding:0 20px;margin-bottom: 10px"
      >
        <i
          class="iconfont icon-nav_user color-3 font20"
          style="margin-right:10px"
        ></i>
        <span>渠道管理</span>
      </div>
      <!-- 面包屑 end -->
      <!-- 初始化页面 start -->
      <div class="display-">
        <div class="display-">
          <div
            class="flex-js-c bg-f ht40 l-ht40 color-3"
            style="font-size:14px;margin-bottom:0px;padding: 0 20px;height: 40px;"
          >
            <div class="flex-c">
              <div>
                <span>渠道名称：</span>
                <input class="text" />
              </div>

              <div
                class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib"
                style="width:30px;margin-left:16px;"title="搜索">
                <i class="iconfont icon-sousuo color-f font18"></i>
              </div>
            </div>
            <div class="flex-js-c">
              <div>
                <div class="btn ht30 flex-cc" style="width:80px;">
                  <span>新增</span>
                </div>
              </div>
            </div>
          </div>
          <div class="bg-f color-3 p20" style="font-size:14px;min-height:600px">
            <!-- 表头 start -->
            <div class="t_title">
              <span class="display-ib p5 border-r-1 text-c b-box" style="width:20%;">序号<i
                  class="iconfont icon-shangxia color-3 font12 ml1"></i>
              </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">渠道名称
              </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:25%;">风控规则
              </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">添加时间<i
                  class="iconfont icon-shangxia color-3 font12 ml1"></i>
              </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">更新时间<i
                  class="iconfont icon-shangxia color-3 font12 ml1"></i>
              </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">操作
              </span>
            </div>
            <!-- 表头 end -->
            <!-- 表体 start -->
            <div class="t_body display-">
              <div class="tableRow">
                <span class="display-ib p5 border-r-1 text-c b-box" style="width:20%;"
                  title="">1
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;"
                  title="">贝壳找房
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:25%;"
                  title="">规则1
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;"
                  title="">2019-09-01 21:27:32
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;"
                  title="">2019-09-01 21:27:32
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;" title="">
                  <i
                  class="iconfont icon-xiugai vertical-a-m cursor-p font16"
                  title="编辑" style="margin-right:10px;"
                ></i><i
                    class="iconfont icon-shanchu font16 vertical-a-m cursor-p"
                    title="删除"

                  ></i>

                </span>
              </div>
              <div class="tableRow">
                <span class="display-ib p5 border-r-1 text-c b-box" style="width:20%;"
                  title="">2
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;"
                  title="">五八同城
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:25%;"
                  title="">通用规则
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;"
                  title="">2019-09-01 21:27:32
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;"
                  title="">2019-09-01 21:27:32
                </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;" title="">
                  <i
                  class="iconfont icon-xiugai vertical-a-m cursor-p font16"
                  title="编辑" style="margin-right:10px;"
                ></i><i
                    class="iconfont icon-shanchu font16 vertical-a-m cursor-p"
                    title="删除"

                  ></i>

                </span>
              </div>
            </div>
            <!-- 表体 end -->
            <!-- 分页start -->
            <div class="page display-">
              分页
            </div>
            <!-- 分页end -->
          </div>
        </div>
      </div>
      <!-- 初始化页面 end -->
    </div>
    <!-- 内容区域 end -->
  </section>
  <!-- 导航 && 页面区域 end-->
      <!-- 新增渠道  start -->
		<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n "
    style="z-index:120;">
    <div class="flex-cc w100">
      <div class="bg-f overflow-h text-l" style="border-radius:4px;width:540px;margin-top:200px;">
        <div class="font14 bg-theme color-f ht40 l-ht40"
          style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
          <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"
            data-feidao-actions="click:eu-001"></i>新增渠道
        </div>
        <div class="p20">
          <div class="flex-c">
            <div style="width: 80px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                渠道名称：
              </span>
            </div>
            <div class="pos-r display-ib">
              <input type="text" class="text" placeholder="请输入渠道名称" style="width: 300px">
            </div>
          </div>

          <div class="flex-c" style="margin-top: 20px">
            <div style="width: 80px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                风控规则：
              </span>
            </div>
            <div class="display-ib pos-r">
              <select class="select display-" style="width: 300px;">
                <option>请选择</option>
                <option>58同城</option>
                <option>租客</option>
                <option>内部推荐</option>
              </select>
            </div>
          </div>


          <div class="flex-c" style="margin-top: 20px">
            <div style="width: 80px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
               报备方式：
              </span>
            </div>
          <div style="width:300px">
            <div class="flex-c">
              <input type="radio" name="d_daan">
              <span class="p5">全手机号 </span>

            </div>
            <div class="flex-c">
              <input type="radio" name="d_daan">
              <span class="p5">手机号前三后四</span>

            </div>
          </div> </div>



          <div class="text-c" style="margin-top: 20px;">
            <input type="button" value="确认" class="btn" style="width: 50px;">
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 新增渠道 end -->
  <!-- 编辑渠道 start -->
  <div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12  display-n  "
  style="z-index:120;">
  <div class="flex-cc w100">
    <div class="bg-f overflow-h text-l" style="border-radius:4px;width:540px;margin-top:200px;">
      <div class="font14 bg-theme color-f ht40 l-ht40"
        style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
        <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"
          data-feidao-actions="click:eu-001"></i>编辑渠道
      </div>
      <div class="p20">
        <div class="flex-c">
          <div style="width: 80px">
            <span class="display-ib fr">
              <span class="color-red font12 color-6 vertical-a-t">*</span>
              渠道名称：
            </span>
          </div>
          <div class="pos-r display-ib">
            <input type="text" class="text" placeholder="请输入渠道名称" style="width: 300px">
          </div>
        </div>

        <div class="flex-c" style="margin-top: 20px">
          <div style="width: 80px">
            <span class="display-ib fr">
              <span class="color-red font12 color-6 vertical-a-t">*</span>
              风控规则：
            </span>
          </div>
          <div class="display-ib pos-r">
            <select class="select display-" style="width: 300px;">
              <option>请选择</option>
              <option>58同城</option>
              <option>租客</option>
              <option>内部推荐</option>
            </select>
          </div>
        </div>


        <div class="flex-c" style="margin-top: 20px">
          <div style="width: 80px">
            <span class="display-ib fr">
              <span class="color-red font12 color-6 vertical-a-t">*</span>
             报备方式：
            </span>
          </div>
        <div style="width:300px">
          <div class="flex-c">
            <input type="radio" name="d_daan">
            <span class="p5">全手机号 </span>

          </div>
          <div class="flex-c">
            <input type="radio" name="d_daan">
            <span class="p5">手机号前三后四</span>

          </div>
        </div> </div>

        <div class="text-c" style="margin-top: 20px;">
          <input type="button" value="确认" class="btn" style="width: 50px;">
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 编辑渠道 end -->
<!-- 删除弹框 start -->
<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
style="z-index:120;">
<div class="flex-cc w100">
  <div class="bg-f overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
    <div class="font14 bg-theme color-f ht40 l-ht40"
      style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
      <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"
        data-feidao-actions="click:eu-001"></i>提示
    </div>
    <div class="p20">
      <div class="ht40 l-ht40 text-c color-6">
        <span>是否删除渠道信息？</span>
      </div>
      <div class="text-c" style="margin-top: 20px;">
        <input type="button" value="确认" class="btn" style="width: 50px;">
        <input type="button" value="取消" class="cbtn" style="width: 50px;margin-left: 60px;">
      </div>
    </div>
  </div>
</div>
<!-- </div> -->
<!-- 删除弹框 end -->

    </div>
  </body>
</html>
